@import "../mixins";
@import "common";

.shopping-cart {

    .mui-scroll-wrapper {
        bottom: .6rem;
    }

    .mui-icon-trash {
        -webkit-align-self: flex-end;
        align-self: flex-end;
    }

    .item {
        padding: .1rem .1rem .1rem 0;
    }

    .item-box:last-child .border-bottom::after {
        content: none;
    }

    .checkbox {
        min-width: .4rem;
        height: 1rem;

        &::before {
            line-height: 1rem;
            padding: .08rem;
        }
    }

    .check-all {
        margin-left: .05rem;
        font-size: .15rem;
    }

    .total-price {
        margin-bottom: .09rem;
        color: $red;
        font-size: .15rem;
    }

    .save-money {
        margin: 0;
        font-size: .13rem;
        color: #787878;
    }

    .confirm-order {
        width: 1.15rem;
        height: .375rem;
        line-height: .375rem;
        font-size: .15rem;
    }

    .mui-btn {
        margin-right: .1rem;
    }

    .align-start {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        width: 100%;
        text-align: left;
    }

    .operate {
        width: .95rem;
        height: .25rem;
        //padding-top: .1rem;
        border: 1px solid $border-color;

        .num {
            height: .24rem;
            line-height: .24rem;
            color: #222;
            font-size: .15rem;
            font-weight: 400;
            border-left: 1px solid $border-color;
            border-right: 1px solid $border-color;
        }
    }

    .minus,
    .add {
        position: relative;
        width: .3rem;
        height: .24rem;
        text-align: center;
        font-size: .24rem;
        color: #9b9b9b;
    }

    .minus::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        display: block;
        width: .11rem;
        border-bottom: 1px solid #9b9b9b;
    }

    .sale-price {
        font-size: .15rem;
    }

    .selected {
        height: .42rem;
        padding-right: .11rem;
        //border-top: 1px solid $border-color;
        font-size: .15rem;
        line-height: .42rem;
        text-align: right;
    }

}